<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>出行</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<!--<link rel="icon" type="image/png" href="{$static_dir}/assets/i/favicon.png">
		<link rel="apple-touch-icon-precomposed" href="{$static_dir}/assets/i/app-icon72x72@2x.png">-->
		<meta name="apple-mobile-web-app-title" content="Amaze UI" />
		<link rel="stylesheet" href="{$static_dir}/assets/css/amazeui.min.css" />
		<link rel="stylesheet" href="{$static_dir}/assets/css/amazeui.datatables.min.css" />
		<link rel="stylesheet" href="{$static_dir}/assets/css/app.css">
		<script src="{$static_dir}/assets/js/jquery-3.3.1.min.js"></script>
		<script src="{$static_dir}/assets/js/Api.js"></script>
	</head>

	<body data-type="login" style="position: absolute;width:100%;height: 100%;">
		<script src="{$static_dir}/assets/js/theme.js"></script>
		<div style="position: absolute;width:100%;height: 100%;">
			<img style="width:100%;height: 100%;opacity: 0.5;" src="/assets/img/bg_2.jpg">
		</div>
		<div class="am-g tpl-g">
			<!-- 风格切换 -->
			<div class="tpl-skiner">
				<div class="tpl-skiner-toggle am-icon-cog">
				</div>
				<div class="tpl-skiner-content">
					<div class="tpl-skiner-content-title">
						选择主题
					</div>
					<div class="tpl-skiner-content-bar">
						<span class="skiner-color skiner-white" data-color="theme-white"></span>
						<span class="skiner-color skiner-black" data-color="theme-black"></span>
					</div>
				</div>
			</div>
			<div class="tpl-login" >
				
				<div class="tpl-login-content cl-p" >
					<div class="am-u-sm-12" style="background: rgba(255,255,255,0.8);border-radius: 10px;padding: 10px;">
					<div class="am-u-sm-12" >
						<h1 class="am-u-sm-12" style="text-align: center;font-size: 25px;padding: 20px;color: #888;">江西省公务车管理总平台</h1>
                	</div>
					
					<div class="am-tabs"  data-am-tabs="{noSwipe: 1}">
						<ul class="am-tabs-nav am-nav am-nav-tabs">
							<li class="am-active">
								<a href="#tab1">帐号登录</a>
							</li>
							<li>
								<a href="#tab2">手机登陆</a>
							</li>
						</ul>

						<div class="am-tabs-bd">
							<div class="am-tab-panel am-fade am-in am-active" id="tab1">
								<form class="am-form tpl-form-line-form" id="login" data-check="1" action="{:url('/adminapi/Login/login')}" data-ajax="1">
									<div class="am-form-group">
										<input type="text" class="tpl-form-input" name="username" data-check="require|" data-msg='账号能为空' placeholder="请输入账号">

									</div>

									<div class="am-form-group">
										<input type="password" class="tpl-form-input" name="password" data-check="password|" data-msg='密码长度不能少于6位且不能大于16位' placeholder="请输入密码">

									</div>
									<div class="am-form-group tpl-login-remember-me">
										<input id="remember-me" type="checkbox">
										<label for="remember-me"> 记住密码 </label>

									</div>

									<div class="am-form-group">
										<button id="loginsumbit" type="button" class="am-btn am-btn-primary  am-btn-block tpl-btn-bg-color-success  tpl-login-btn">提交</button>
									</div>
								</form>
							</div>
							<div class="am-tab-panel am-fade" id="tab2">
								<form class="am-form tpl-form-line-form" id="phone_login" data-check="1" action="{:url('signin')}" data-ajax="1">
									<div class="am-form-group">
										<input type="number" class="tpl-form-input phone" name="mobile" data-check="mobile" data-msg='手机格式不正确' placeholder="请输入手机号">

									</div>

									<div class="am-form-group">
										<div class="am-u-sm-12 cl-p">
											<div class="am-u-sm-9 cl-p">
												<input type="number" class="tpl-form-input" name="sms_code" data-check='require' data-msg='验证码不能为空' placeholder="请输入手机验证码">
											</div>
											<div class="am-u-sm-3 cl-p">
												<button style="width: 100%;" data-click="1" class="am-btn am-btn-primary am-btn-sm send_message am-fr" type="button">发送</button>
											</div>
										</div>
									</div>
									<div class="am-form-group">
										<button type="button" class="am-btn am-btn-primary  am-btn-block tpl-btn-bg-color-success  tpl-login-btn phone_login_sumbit">提交</button>
									</div>
								</form>
							</div>

						</div>
					</div>
					<div class="">
					</div>
					</div>
				</div>
			</div>
		</div>
		<script src="{$static_dir}/assets/js/amazeui.min.js"></script>
		<script src="{$static_dir}/assets/js/jquery.cookie.js"></script>
		<script src="{$static_dir}/assets/js/app.js"></script>
		<script src="{$static_dir}/assets/js/layui/layui.js"></script>
		<script src="{$static_dir}/assets/js/ajax.js"></script>
		<script>
			$(function(){
//				console.log($.cookie("token"))
				layui.use(['layer','laydate','table','element'], function(){ 
				 	 	var layer = layui.layer; 
				 	  var laydate = layui.laydate;
				 	  var element = layui.element;
					{include file="$JSFILE"}
				})
			})
		</script>
	</body>

</html>